{% extends "__base__.html" %}
{% block page_wrapper %}
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">运维部-各平台系统导航</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            Zabbix监控系统
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                            <p class="text-warning"><a href="http://127.0.0.1/zabbix/" target="_blank"><i class="fa fa-arrow-circle-right"></i> 线上zabbix监控系统-北京机房</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            主要入口监控
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><i class="fa fa-arrow-circle-right"></i> 测试条目</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            haproxy监控
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><i class="fa fa-arrow-circle-right"></i> 测试条目</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            MFS管理平台
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><i class="fa fa-arrow-circle-right"></i> 测试条目</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            第三方平台
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><i class="fa fa-arrow-circle-right"></i> 测试条目</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            各CDN平台
                        </div>
                        <div class="panel-body">
                            <p class="text-warning"><i class="fa fa-arrow-circle-right"></i> 测试条目</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            北京机房网段信息
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>业务网段</th>
                                            <th>内联网段</th>
                                            <th>管理网段</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>#</td>
                                            <td>1.1.1.1</td>
                                            <td>2.2.2.2</td>
                                            <td>3.3.3.3</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Jacob</td>
                                            <td>Thornton</td>
                                            <td>@fat</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Larry</td>
                                            <td>the Bird</td>
                                            <td>@twitter</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            北京机房网段信息
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>业务网段</th>
                                            <th>内联网段</th>
                                            <th>管理网段</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>#</td>
                                            <td>1.1.1.1</td>
                                            <td>2.2.2.2</td>
                                            <td>3.3.3.3</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Jacob</td>
                                            <td>Thornton</td>
                                            <td>@fat</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Larry</td>
                                            <td>the Bird</td>
                                            <td>@twitter</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
            </div>
{% endblock %}